/* UEditorPlus 暗黑模式样式 */

:root {
  /* 重写暗黑模式下的CSS变量 */
  --edui-color-active-bg: rgba(100, 100, 100, 0.5);
  --edui-color-border: #444;
  --edui-bg-toolbar: #333;
  --edui-color-muted: #888;
}

/* 编辑器容器 */
.dark .edui-default .edui-editor {
  background-color: #1e1e1e;
  border-color: var(--edui-color-border);
}

/* 工具栏区域 */
.dark .edui-default .edui-editor-toolbarboxouter {
  background-color: #333;
  border-bottom-color: var(--edui-color-border);
}

/* 工具栏内的选择框和文本框 */
.dark .edui-default .edui-toolbar .edui-combox,
.dark .edui-default .edui-toolbar .edui-menubutton,
.dark .edui-default .edui-toolbar .edui-splitbutton,
.dark .edui-default .edui-toolbar .edui-combox .edui-button-body,
.dark .edui-default .edui-toolbar .edui-menubutton .edui-button-body,
.dark .edui-default .edui-toolbar .edui-splitbutton .edui-button-body {
  background-color: #333;
  border-color: #555;
  color: #ddd;
}

/* 工具栏内的标签、段落等选择框 */
.dark .edui-default .edui-for-fontfamily .edui-button-body,
.dark .edui-default .edui-for-paragraph .edui-button-body,
.dark .edui-default .edui-for-fontsize .edui-button-body,
.dark .edui-default .edui-for-lineheight .edui-button-body,
.dark .edui-default .edui-for-customstyle .edui-button-body,
.dark .edui-default .edui-for-insertcode .edui-button-body {
  background-color: #333;
  color: #ddd;
  border-color: #555;
}

/* 下拉按钮箭头 */
.dark .edui-default .edui-toolbar .edui-arrow {
  background-color: #333;
}

/* 菜单项 */
.dark .edui-default .edui-menuitem .edui-label {
  color: #ccc;
}

/* 下拉菜单 */
.dark .edui-default .edui-popup-content {
  background-color: #333;
  border-color: var(--edui-color-border);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
}

/* 菜单悬停状态 */
.dark .edui-default .edui-menu-body .edui-state-hover {
  background-color: var(--edui-color-active-bg);
  color: #fff;
}

/* 底部状态栏 */
.dark .edui-default .edui-editor-bottomContainer {
  background-color: #333;
}

.dark .edui-default .edui-editor-bottomContainer td {
  color: #aaa;
  border-top-color: var(--edui-color-border);
}

/* 编辑区域 iframe - 保持白色背景 */
.dark .edui-default .edui-editor-iframeholder iframe {
  background-color: #ffffff;
  color: #000;
}

/* 源代码编辑模式 */
.dark .edui-default .edui-editor-iframeholder textarea {
  background-color: #1e1e1e;
  color: #ddd;
}

/* 按钮悬停状态 */
.dark .edui-default .edui-toolbar .edui-button .edui-state-hover .edui-button-wrap {
  background-color: #444;
  border-color: #555;
}

/* 按钮选中状态 */
.dark .edui-default .edui-toolbar .edui-button .edui-state-checked .edui-button-wrap {
  background-color: #444;
  border-color: #555;
}

/* 对话框 */
.dark .edui-default .edui-dialog {
  background-color: #333;
}

.dark .edui-default .edui-dialog-body {
  background-color: #333;
  color: #ddd;
}

.dark .edui-default .edui-dialog-titlebar {
  background-color: #444;
}

.dark .edui-default .edui-dialog-caption {
  color: #ddd;
}

/* 表格选择器 */
.dark .edui-default .edui-tablepicker .edui-infoarea {
  background-color: #333;
  color: #ddd;
}

/* 输入框 */
.dark .edui-default input.edui-text-input {
  background-color: #444;
  color: #ddd;
  border-color: #555;
}

/* 禁用状态 */
.dark .edui-default .edui-toolbar .edui-state-disabled .edui-label {
  color: #666;
}

/* CodeMirror 源代码编辑器 */
.dark .CodeMirror {
  background-color: #1e1e1e !important;
  color: #ddd !important;
}

.dark .CodeMirror-gutters {
  background-color: #2d2d2d !important;
  border-right: 1px solid #444 !important;
}

.dark .CodeMirror-linenumber {
  color: #888 !important;
}

/* 特定下拉菜单的暗黑模式样式 */
/* 标题下拉选 */
.dark .edui-default .edui-for-paragraph .edui-dropdown-menu,
.dark .edui-default .edui-for-fontfamily .edui-dropdown-menu,
.dark .edui-default .edui-for-fontsize .edui-dropdown-menu,
.dark .edui-default .edui-for-insertcode .edui-dropdown-menu,
.dark .edui-default .edui-for-heading .edui-dropdown-menu {
  background-color: #333;
  border-color: #444;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}

.dark .edui-default .edui-for-paragraph .edui-dropdown-menu .edui-combobox-item,
.dark .edui-default .edui-for-fontfamily .edui-dropdown-menu .edui-combobox-item,
.dark .edui-default .edui-for-fontsize .edui-dropdown-menu .edui-combobox-item,
.dark .edui-default .edui-for-insertcode .edui-dropdown-menu .edui-combobox-item,
.dark .edui-default .edui-for-heading .edui-dropdown-menu .edui-combobox-item {
  color: #ddd;
}

.dark .edui-default .edui-for-paragraph .edui-dropdown-menu .edui-combobox-item-hover,
.dark .edui-default .edui-for-fontfamily .edui-dropdown-menu .edui-combobox-item-hover,
.dark .edui-default .edui-for-fontsize .edui-dropdown-menu .edui-combobox-item-hover,
.dark .edui-default .edui-for-insertcode .edui-dropdown-menu .edui-combobox-item-hover,
.dark .edui-default .edui-for-heading .edui-dropdown-menu .edui-combobox-item-hover {
  background-color: #444;
}

/* 颜色选择器 */
.dark .edui-default .edui-for-forecolor .edui-colorpicker-widget,
.dark .edui-default .edui-for-backcolor .edui-colorpicker-widget {
  background-color: #333;
  border-color: #444;
}

/* 通用下拉菜单容器 */
.dark .edui-default .edui-popup {
  background-color: #333;
  border-color: #444;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}

/* 通用下拉菜单项 */
.dark .edui-default .edui-dropdown-menu .edui-combobox-item {
  color: #ddd;
}

.dark .edui-default .edui-dropdown-menu .edui-combobox-item-hover {
  background-color: #444;
}

/* 弹出框背景 */
.dark .edui-default .edui-popup-content {
  background-color: #333;
  color: #ddd;
}

/* 表情选择面板 */
.dark .edui-default .edui-for-emotion .edui-emotion-wrapper {
  background-color: #333;
}

.dark .edui-default .edui-for-emotion .edui-emotion-tabs {
  background-color: #444;
}

.dark .edui-default .edui-for-emotion .edui-emotion-title {
  color: #ddd;
}

/* 针对图片中红框标记的区域 */
/* 工具栏字体、段落下拉框 */
.dark .edui-default .edui-toolbar .edui-combox .edui-combox-body,
.dark .edui-default .edui-toolbar .edui-combox .edui-button-body {
  background-color: #333 !important;
  border-color: #555 !important;
}

.dark .edui-default .edui-toolbar .edui-combox .edui-combox-body .edui-combox-item,
.dark .edui-default .edui-toolbar .edui-combox .edui-button-body .edui-combox-item {
  background-color: #333 !important;
  color: #ddd !important;
}

/* 工具栏下拉菜单按钮 */
.dark .edui-default .edui-toolbar .edui-combox .edui-button-body,
.dark .edui-default .edui-toolbar .edui-menubutton .edui-button-body,
.dark .edui-default .edui-toolbar .edui-splitbutton .edui-button-body,
.dark .edui-default .edui-toolbar .edui-combox .edui-caret,
.dark .edui-default .edui-toolbar .edui-menubutton .edui-caret,
.dark .edui-default .edui-toolbar .edui-splitbutton .edui-caret {
  background-color: #333 !important;
  color: #ddd !important;
}

/* 下拉菜单按钮文本 */
.dark .edui-default .edui-toolbar .edui-combox .edui-button-body .edui-label,
.dark .edui-default .edui-toolbar .edui-menubutton .edui-button-body .edui-label,
.dark .edui-default .edui-toolbar .edui-splitbutton .edui-button-body .edui-label {
  color: #ddd !important;
}

/* 各类下拉选框和功能区域 */
.dark .edui-default .edui-listitem {
  background-color: #333 !important;
}

.dark .edui-default .edui-list .edui-bordereraser {
  background-color: #333 !important;
}

.dark .edui-default .edui-combox-body,
.dark .edui-default .edui-button-body,
.dark .edui-default .edui-splitbutton-body {
  background-color: #333 !important;
  border-color: #555 !important;
}

.dark .edui-default .edui-combox-body .edui-arrow,
.dark .edui-default .edui-button-body .edui-arrow,
.dark .edui-default .edui-splitbutton-body .edui-arrow {
  background-color: #333 !important;
}

.dark .edui-default .edui-combox-body .edui-label,
.dark .edui-default .edui-button-body .edui-label,
.dark .edui-default .edui-splitbutton-body .edui-label {
  color: #ddd !important;
}

/* 特别针对工具栏中的特殊区域 */
.dark .edui-default .edui-toolbar .edui-combox,
.dark .edui-default .edui-toolbar .edui-separator,
.dark .edui-default .edui-toolbar .edui-button,
.dark .edui-default .edui-toolbar .edui-menubutton,
.dark .edui-default .edui-toolbar .edui-splitbutton {
  background-color: #333 !important;
}

/* 编辑器内容样式 */
.dark .edui-editor-body {
  background-color: #1e1e1e;
  color: #ddd;
} 